<template>
  <el-dialog
    class="dialog"
    title="查看"
    :visible.sync="dialogFormVisible"
    v-if="dialogFormVisible"
    width="1200px"
    @close="close"
    :close-on-click-modal="false"
    v-dialogDrag
  >
    <div>
      <!-- 销售订单 -->
      <sales-order-history v-if="form.category == 'sal_order'" :dataInfo="form"></sales-order-history>
    </div>

    <div slot="footer" class="dialog-footer">
      <el-button @click="close">关 闭</el-button>
    </div>
  </el-dialog>
</template>

<script>
  import SalesOrderHistory from '@/views/sales/order/components/history/History'

  export default {
    name: 'DoneDetail',
    components: { SalesOrderHistory },
    data() {
      return {
        form: {},
      }
    },
    created() {},
    methods: {
      showEdit(row) {
        this.title = row.businessKey
        this.form = Object.assign(this.$options.data().form, row)
        console.log('form', this.form)
        this.dialogFormVisible = true
      },
      close() {
        this.dialogFormVisible = false
      },
    },
  }
</script>

<style scoped>
  .dialog /deep/ .el-dialog__body {
    padding-top: 0 !important;
  }
  .dialog .box-card {
    margin-top: 16px;
  }
</style>
